<template>
	<view class="yt-card" :style="'background-color:'+backColor">
		<view class="yt-card-head" :style="'font-size:'+size+'rpx'">
			{{head}}
		</view>
		<slot></slot>
	</view>
</template>

<script>
	export default{
		props:{
			head:{
				default:''
			},
			size:{
				default:'42.72'
			},
			backColor:{
				default:'#fff'
			}
		}
	}
</script>

<style>
	.yt-card{
		width: 90%;
		background-color: #fff;
		margin: 30rpx auto;
		border-radius: 40rpx;
		padding: 23.9rpx;
	}
	.yt-card-head{
		font-size: 42.72rpx;
		margin-left: 25rpx;
	}
</style>
